<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>table模块快速使用</title>
  <link rel="stylesheet" href="../layui/css/layui.css" media="all">
</head>
<body>
 
<table id="demo" lay-filter="test"></table>


<script src="../layui/layui.js"></script>
<script>
layui.use('table', function(){
  var table = layui.table;
  
  //第一个实例
  table.render({
    elem: '#demo'
    ,height: 312
    ,url: '/user/info' //数据接口
    ,page: false //开启分页
    ,cols: [[ //表头
      {field: 'suser', title: '学号', width:80, fixed: 'left'}
      ,{field: 'name', title: '姓名', width:80}
      ,{field: 'age', title: '年龄', width:80, }
      ,{field: 'address', title: '地址', width:90}

      ,{field: 'major', title: '专业', width: 200}
      ,{field: 'tele', title: '电话', width: 150}
      ,{field: 'classid', title: '班级', width: 80}
      ,{field: 'remarks', title: '备注', width: 135}

    ]]
  });
  
});
</script>
</body>
</html>